<template>
  <a-desc v-model="descForm" :descOption="descOption">
      <!-- 自定义插槽 -->
    <template #usernameForm>
        <el-tag>{{descForm.username}}</el-tag>
    </template>
  </a-desc>
</template>

<script lang="ts" setup>
import aDesc from "@/components/aDesc";

const descForm = ref({
  username: "kooriookami",
  telephone: "18100000000",
  Place: "Suzhou",
  Remarks: "School",
  Address:
    "No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province",
});

const descOption = computed(() => {
  return {
    // title: '',
    border: true,
    columns: [
      {
        prop: "username",
        label: "username",
        slot: true,
      },
      {
        prop: "telephone",
        label: "telephone",
      },
      {
        prop: "Place",
        label: "Place",
      },
      {
        prop: "Remarks",
        label: "Remarks",
      },
      {
        prop: "Address",
        label: "Address",
      },
    ],
  };
});
</script>

<style>
</style>